// 引入react
import React from 'react'
// 绑定事件与dom的绑定事件语法类似 语法:on+事件名称 = {事件处理程序} 比如:onClick = {()=>{}}

class Count extends React.Component {
    // 写法一
    // constructor(){
    //     // es6要求必须有super
    //     super()
    //     // 初始化
    //     this.state = {
    //         count: 0
    //     }
    // }
    // 常用的写法
  state = {
    count: 0
  }
  render () {
    return (
      <div>
        <div>计数器 {this.state.count}</div>
        <button onClick={()=>{
            this.setState({
                count:this.state.count+1
            })
        }}>点击加1</button>
      </div>
    )
  }
}
export default Count